<template>
  <div style="position: relative">
    <el-cascader v-model="dataForm[attrName]" :disabled="disabled" :filterable="filterable" :clearable="clearable"
                 :placeholder="placeholder"
                 :options="list" :props="{ expandTrigger: 'hover' }" @change="selectCallback" @input="forceUpdate">
    </el-cascader>
  </div>
</template>

<script>
import basicMixins from './basicMixins'

export default {
  name: 'normalCascader',
  mixins: [basicMixins],
  props: {
    list: {
      type: Array,
      required: true,
      default: () => []
    },
    disabled: {
      type: Boolean,
      default: false
    },
    filterable: {
      type: Boolean,
      default: false
    },
    clearable: {
      type: Boolean,
      default: true
    },
    selectCallback: {
      type: Function,
      default: () => {
      }
    }
  }
}
</script>

<style scoped>

</style>
